 @charset "utf-8";
.warp{
	width:100%;
	height:100%;
	background: #f2f2f2;
	/*position: relative;*/
}
/*头部*/
.topTitle {
  width: 100%;
  position: fixed;
 height:1.5625rem ;
 background: #fff;
  border-bottom: 1px solid #F2F2F2;
  z-index: 100;
  top:0;
}
.topReturn {
  display: inline-block;
  width: 0.34375rem;
  height: 0.34375rem;
  position: absolute;
  top: 0.46875rem;
  left: 0.46875rem;
  z-index: 100;
  /*background:darkblue;*/
}
.topReturn>img {
  width:100%;
  display: block;
  vertical-align: middle;
  overflow: hidden;
}
.title {
  text-align: center;
  font-size: 0.4375rem;
  color: #333;
  /*line-height:1.5625rem ;*/
   /*display: inline-block;*/
  position: absolute;
  top: 0.603125rem;
  right: 0.46875rem;
}


/*购物结算*/
.catbox{
	
	width:100%;
	margin: 1.5625rem 0 3rem;
}


/*滑动删除*/
.catul{
	width:100%;
}

.catlist{
	width:100%;
	height:2.5rem;
	/*background: darkcyan;*/	
}
.list-left{
	width:1.40625rem;
	height:100%;
	/*background: darkgoldenrod;*/
	float: left;
}



 .boradiu{
	 width:0.46875rem;
	 height:0.46875rem;
	 margin:1.015625rem 0.46875rem ;
	 border: 1px solid #666;
	 border-radius: 50%;
	 line-height: 2.5rem;
 }
.left-jpg{

	width:0.46875rem;
	height:0.46875rem;
	margin:1.015625rem 0.46875rem ;
	/*border: 1px solid #666;*/
	border-radius: 50%;
	line-height: 2.5rem;
}
.left-jpg{
	width:0.46875rem;
	height:0.46875rem;
/*	background: #007234;*/
	margin:1.015625rem 0.46875rem ;
	border-radius: 50%;
	line-height: 2.5rem;
	position: absolute;
	top:0;
	left: 0;
}
.left-jpg>img{
	display: block;
	width:100% ;
	overflow: hidden;
	/*display: none;*/
}
.list-right{
	width:8.59375rem;
	height:100%;
	/*background: aqua;*/
	float: left;
	border-bottom: 1px solid #f2f2f2;
}
.right-jpg{
	width:1.875rem;
	height:1.875rem;
	/*background: darkmagenta;*/
	float: left;
	margin:0.3125rem 0.3125rem 0.3125rem  0 ;
}
.right-jpg>img{
	display: block;
	width:100%;
	height: 100%;
	overflow: hidden;
}
.right-txt{
	width:5.96875rem;
	height:1.875rem;
	float: right;
	/*background: saddlebrown;*/
	margin:0.3125rem 0.3125rem 0.3125rem  0 ;
	position: relative;
	
	
}

.right-txt>p{
	color:#333;
	font-size:0.34375rem;
	margin: 0;
	padding: 0;
	line-height:1.5;
	text-align: left;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.right-conten{
	width:100%;
	height:0.78125rem;
	 position: absolute;
    bottom: 0;
    right: 0;
	/*background: darkcyan;*/
	
}
.right-mony{
	color:#007234;
	font-size:0.375rem;
	float: left;
	line-height: 0.78125rem;
	}
.right-btn{
	width:3.28125rem;
	height:0.78125rem;
	/*background: darkmagenta;*/
	float: right;
	/*border-radius: 4px;
	border: 1px solid #333;*/
	   
}

.right-btn .min{
	float: left;
	border: none;
	background: none;
	width:1.07rem;
	height:0.78125rem;
	font-size:0.34375rem;
	padding: 0 auto;
	/*border:1px solid #333 ;*/
	border-right:0 ;
	border-radius:0 ;
}

.right-btn .number{
	float: left;
	text-align: center;
	width:1.14rem;
	height:0.78125rem;
	font-size:0.34375rem;
	border-right: 0;
	border-left: 0;
	border-top:1px solid #333 ;
	border-bottom:1px solid #333 ;
	overflow: hidden;
	line-height: 0.78125rem;
	margin: 0;
	padding: 0;
	border-radius: 0;
	/*background: darkblue;*/
}

.right-btn .add{
	float: right;
	border: none;
	background: none;
	width:1.07rem;
	height:0.78125rem;
	font-size:0.34375rem;
	/*margin:0;*/
	padding: 0 auto;
	border: 1px solid #333;
	/*border-left:0 ;*/
	border-radius: 0;
}
/*总价结算开始*/
.settlement{
	width:100%;
	height:1.375rem;
	background: #fff;
	position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 1.5625rem;
    border-top: 1px solid #F2F2F2;
}
.set-left{
	width:1.40625rem;
	height:100%;
	/*background: darkgoldenrod;*/
	float: left;
}
.seradiu{
	width:0.46875rem;
	height:0.46875rem;
	margin: 0.46875rem ;
	border: 1px solid #666;
	border-radius: 50%;
	position: absolute;
 }
.set-jpg{
	width:0.46875rem;
	height:0.46875rem;
	/*background: red;*/
	margin: 0.46875rem;
	/*border: 1px solid #666;*/
	border-radius: 50%;
	position: absolute;
}
.set-jpg{
	width:0.46875rem;
	height:0.46875rem;
	border-radius: 50%;
	position: absolute;
	margin: 0.46875rem ;
	/*display: none;*/
}
.set-jpg>img{
	display: block;
	width:100% ;
}
.set-right{
	width:3.125rem;
	height:100%;
	float: right;
	border-radius: 0;
	
}
.set-right>button{
	width:100%;
	height: 100%;
	text-align: center;
	color:#fff;
	font-size: 0.375rem;
	border: none;
	background: #007234;
	border-radius: 0;
}
.setmony{
	color:#007234;
	font-size:0.375rem;
	float: right;
	margin-right:0.3215rem ;
	line-height: 1.375rem;
}
.setqx{
	float: left;
	color:#333;
	font-size:0.375rem;
	/*margin-left:0.3215rem ;*/
	line-height: 1.375rem;
}

/*底导航开始*/
#nav{
	width:100%;
	height:1.5625rem ;
	border-top:1px solid #F2F2F2;
	background: #fff;
	position:fixed;
	z-index:999;
	left:0;
	right:0;
	bottom:0;
  	overflow: hidden;
}

.nav-ul{
	width:90%;
	height:100%;
	/*background: darkblue;*/
	margin: 0 auto;
}
.nav-ul>li{
	float: left;
	width:18%;
	/*background: darkcyan;*/
	margin: 0.24rem 3.5%;
	/*position: relative;*/
}
.nav-ul>li>img{
	width:0.53125rem;
	height:0.53125rem;
	display: block;
	margin: 0 auto 0.1rem;
	/*background: red;*/
}
.nav-ul>li>p{
	text-align: center;
	font-size: 0.3125rem;
	color:#5d5d5d;
	margin: 0;
	padding: 0;
}
























